<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./css/font.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <!-- <link rel="stylesheet" href="./lib/layui/css/layui.css"> -->
  <link rel="stylesheet" href="./css/cq-articleadd.css">
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
  <script src="./js/xadmin.js"></script>
  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
  <div class="x-nav">
		<span class="layui-breadcrumb">
			<a href="">首页</a>
			<a href="">演示</a>
			<a>
				<cite>导航元素</cite></a>
		</span>
		<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
			onclick="location.reload()" title="刷新">
			<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
	</div>
	<div class="layui-fluid">

		<div class="layui-panel">
			<div class="head">
				<ul>
					<li class="active">基础信息</li>
					<li>SEO信息</li>
					<li>文章内容</li>
				</ul>
				<div class="line">
					<div class="spit"></div>
				</div>
			</div>
			<form class="layui-form search" action="" lay-filter="search">


				<div class="box info" style="display: block;">
					<!-- <input type="hidden" name="default_data">
					<input type="hidden" name="status">
					<input type="hidden" name="user_id"> -->
					<div class="layui-form-item">
						<label class="layui-form-label">标题</label>
						<div class="layui-input-block">
							<input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
								class="layui-input">
							<span class="search">
								<i class="layui-icon layui-icon-search"></i>
								查重
							</span>
						</div>
					</div>
					<div class="layui-form-item inline">
						<div>
							<label class="layui-form-label">作者</label>
							<div class="layui-input-block">
								<input type="text" name="author" required lay-verify="required" placeholder="请输入作者名" autocomplete="off"
									class="layui-input">
							</div>
						</div>

						<div>
							<label class="layui-form-label">分类</label>
							<div class="layui-input-block">
								<select name="cateid">
									<option value="">请选择</option>
								</select>
							</div>
						</div>
					</div>
					<div class="layui-form-item inline">
						<div class="layui-inline">
							<label class="layui-form-label">阅读次数</label>
							<div class="layui-input-block read">
								<span class="sub">
									-
									<!-- <i class=" layui-icon layui-icon-subtraction"></i> -->
								</span>
								<input type="text" class="layui-input" name="click" value="1">
								<span class="add">
									+
									<!-- <i class=" layui-icon layui-icon-addition"></i> -->
								</span>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">创建时间</label>
							<div class="layui-input-block">
								<i class="layui-icon layui-icon-log clock"></i>
								<input type="text" id="Date" name="create_date" class="layui-input createclock" placeholder="选择日期时间">
							</div>
						</div>

					</div>
					<div class="layui-form-item  inline">
						<div class="layui-inline">
							<label class="layui-form-label">是否推荐</label>
							<div class="layui-input-block">
								<input type="checkbox" name="ishot" lay-skin="switch" lay-text="是|否">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">是否置顶</label>
							<div class="layui-input-block">
								<input type="checkbox" name="istop" lay-skin="switch" lay-text="是|否">
							</div>
						</div>
					</div>
					<div class="layui-form-item ">
						<label class="layui-form-label">收藏数量</label>
						<div class="layui-input-block">
							<input type="text" name="lovenum" class="layui-input collectnum" placeholder="请输入收藏数量名称">
						</div>
					</div>
					<div class="layui-form-item ">
						<input type="file" id="file" style="display: none;">
						<label class="layui-form-label">文章缩略图</label>
						<div class="layui-input-block">
							<div id="upload">点击上传</div>
						</div>
					</div>
					<div class="img" style="display: none;">
						<img src="" alt="" id="img">
					</div>
					<div class="layui-form-item checkboxs">
						<label class="layui-form-label">文章标签</label>
						<div class="layui-input-block checkbox">
							<input type="checkbox" name="like[write]" title="写作">
							<input type="checkbox" name="like[read]" title="阅读" checked>
							
						</div>
					</div>
				</div>

				<div class="box seo" style="display: none;">
					<div class="layui-form-item">
						<label class="layui-form-label">SEO关键字</label>
						<div class="layui-input-block">
							<textarea rows="" cols="" name="keywords" placeholder="请输入seo关键字名称"></textarea>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">SEO的描述</label>
						<div class="layui-input-block">
							<textarea rows="" cols="" name="description" placeholder="请输入seo的描述名称"></textarea>
						</div>
					</div>
				</div>

				<div class="box text" style="display: none;">
					<div class="layui-form-item textarea">
						<label class="layui-form-label">文章的内容</label>
						<div class="layui-input-block" style="height: 400px;">
							<!-- 重要：将来这个 textarea 会被初始化为富文本编辑器 -->
							<textarea name="content" id="content"></textarea>
						</div>
					</div>
				</div>
				<div class="layui-form-item footer ">
					<div class="layui-input-block btns ">
						<div class="btns-choose">
							<button class="layui-btn submit" lay-submit lay-filter="formDemo">
								<i class="layui-icon layui-icon-search"></i>
								立即发布
							</button>
							<button type="submit" id="save" class="layui-btn layui-btn-normal ">
								<i class="layui-icon layui-icon-refresh"></i>
								保存草稿
							</button>
							<button type="button" id="back" class="layui-btn layui-btn-warm">
								<i class="layui-icon layui-icon-refresh"></i>
								返回列表
							</button>
						</div>
					</div>
				</div>
			</form>


		</div>

	</div>
</body>

<script src="./lib/layui/layui.all.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/cq-ajaxbase.js"></script>
<script src="./js/cq-articleadd.js"></script>

</html>